<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>同步课程</title>
    <link rel="stylesheet" href="../css/zui.min.css">
    <link rel="stylesheet" href="../css/online.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">

</head>

<body>
    <!-- 头部 -->
    <header id="header" class="type_page">

        <h1><img src="../img/public/logo.png" alt=""></h1>
        <ul class="center">
            <li><a href="../index.html">首页</a></li>
            <li class="cur"><a href="online.html" class="cur">同步课程</a></li>
            <li><a href="video_detail.html">在线练习</a></li>
            
        </ul>
        <div class="right">
            <span class="iconfont">课程 &#xeb21;</span>
            <input type="text" placeholder="搜索感兴趣的内容" id="search_input">
            <img src="../img/index/search.png" class="iconfont" id="search">
            <div class="lr">
                <b id="loginBtn">登录</b>
                <span>/</span>
                <b id="registerBtn">注册</b>
            </div>
            <div class="lr">
                <img src='#'></img>

                <ul>
                    <li id="username">我是用户名</li>
                        <li><a href="./course.html">课程中心</a></li>
                        
                    <li>订单中心</li>
                    <li>资金管理</li>
                    <li><a href="./userSeting.html">个人中心</a></li>
                    <li>退出登录</li>
                </ul>
            </div>

    </header>


    <!-- 列表 -->
    <div id="list" class="type_page clearfix">
        <div class="top clearfix">
            <span>按省份选择</span>
            <p>
                <span>省份</span>
                <span class="iconfont">&#xeb21;</span>
            </p>
            <p>
                <span>城市</span>
                <span class="iconfont">&#xeb21;</span>
            </p>

        </div>
        <div class="list clearfix" >
            <p>热门城市</p>
            <ul id="area">
                <!-- <li tag="all"><a href="javascript:;" class="active">全部</a></li> -->
              
            </ul>
        </div>
        <div class="list clearfix">
            <p>按年级选择</p>
            <ul id="grade">
                <!-- <li tag="all"><a href="javascript:;" class="active">全部</a></li> -->
            </ul>
        </div>
        <div class="list clearfix">
            <p>按学科选择</p>
            <ul id="subject">
                <!-- <li tag="all"><a href="javascript:;" class="active">全部</a></li> -->
            </ul>
        </div>
        <div class="list clearfix">
            <p>按版本选择</p>
            <ul id="type">
                <!-- <li tag="all"><a href="javascript:;" class="active">全部</a></li> -->

            </ul>
        </div>

    </div>



    <!-- 列表详情 -->
    <div id="list_deta" class="type_page">
        <ul class="clearfix ">

            <!-- <li>
                <div>
                    <img src="../img/online/banner2-5.png" alt="">

                    <p>
                        <span>1100人在学习</span>

                    </p>
                </div>
                <div>
                    <p>
                        <span>人教版语文第一节课程内容讲解</span>
                        <span>6课时</span>

                    </p>
                    <p>
                        59.9元
                    </p>
                </div>
            </li> -->
        </ul>
    </div>

    <!-- 选项卡 -->

    <div id="check" class="type_page">
        <div class="clearfix">
            <ul id="myPager" class="pager" data-ride="pager" data-page="2" data-rec-total="89"></ul>
        </div>

    </div>










    <!-- 关于 -->

    <footer id="footer">
        <div class="footer type_page">
            <ul class="clearfix">
                <li><a href="javascript:;">首页</a> <span>|</span></li>
                <li><a href="javascript:;">关于我们</a><span>|</span></li>
                <li><a href="javascript:;">加入我们</a><span>|</span></li>
                <li><a href="javascript:;">合作专区</a><span>|</span></li>
                <li><a href="javascript:;">联系我们</a><span>|</span></li>
                <li><a href="javascript:;">开放平台</a><span>|</span></li>
                <li><a href="javascript:;">意见反馈</a><span>|</span></li>
                <li><a href="javascript:;">漏洞提交</a><span>|</span></li>
                <li><a href="javascript:;">隐私政策</a><span>|</span></li>
                <li><a href="javascript:;">版权声明</a><span>|</span></li>
                <li><a href="javascript:;">反盗链声明</a><span>|</span></li>
                <li><a href="javascript:;">网上有害信息举报</a><span>|</span></li>
                <li><a href="javascript:;">备案公示</a><span>|</span></li>
                <li><a href="javascript:;">营业执照</a><span>|</span></li>
                <li><a href="javascript:;">教师资格证公示</a></li>

            </ul>
            <p>京CP备 1303088号 Coyright &copy; 2014-2019 行者信息科技 (北京) 有限公司 │ 地址: 北京市新华区马当路388号C座 │ 电话:010-66666666 │ 京公网安备
                O1010102002533号</p>
            <p>京网文(2018) 4086-308号 │ 网络文化经营许可证: 沪网文 20184086-308号 | 增值电信业务经营许可证: 京B2-20150021 │ 食品经营许可证: JY131014008888
            </p>
            <p>医疗器械经营许可证: 京嘉食药监械经营许20188008号 │ 互联网药品信息服务资格证书: (京) -经营性-2018-0011</p>
        </div>
    </footer>


    <!-- 模态窗口 -->
    <div id="layer"></div>

    <!-- 登录 -->
    <form id="login">

        <h1>
            <img src="../img/public/logo.png" alt="">
        </h1>
        <p>
            <span></span>
            <b>使用手机号登录</b>
            <span></span>
        </p>
        <p> <input type="text" placeholder="请输入您的手机号" name="tel" id="logTel"></p>

        <p><input type="password" placeholder="请输入密码" name="pas" id="logPas"></p>
        <p class="err">您输入的账号或者密码不正确</p>
        <p><input type="submit" value="登录" name="sub" id="loginbtn"></p>

        <p>
            <a href="javascript:;">忘记密码？</a>
            <span>还没有账号？ <a href="javascript:;" class="regi">点击注册</a></span>
        </p>
        <p>
            <span></span>
            <b>使用第三方软件登录</b>
            <span></span>
        </p>
        <p>
            <img src="../img/login/wx.png" alt="">
            <img src="../img/login/qq.png" alt="">
            <img src="../img/login/sina.png" alt="">
        </p>
        <span class="close">X</span>
    </form>

    <!-- 注册 -->
    <form id="register">

        <h1>
            <img src="../img/public/logo.png" alt="">
        </h1>
        <p>
            <span></span>
            <b>使用手机号登录</b>
            <span></span>
        </p>
        <p> <input type="text" placeholder="请输入您的手机号" name='tel' id="regTel">
            <br><em class="err">手机号格式错误,请重新输入！</em>
        </p>

        <p><input type="password" placeholder="请输入密码" name='pas' id="regPas">
            <br><em class="err">密码号格式错误,请重新输入！</em>
        </p>
        <p><input type="password" placeholder="请再次输入密码" name='pas1' id="regPas1">
            <br><em class="err">密码两次输入不同,请验证~</em>
        </p>
        <p>
            <input type="text" placeholder="请输入验证码" name='yz'>
            <img src="../img/register/code.jpg" alt="">
            <em class="err">验证码输入不正确</em>
        </p>

        <p><input type="button" value="注册" name="regi" id="regi"></p>

        <p>
            <input type="checkbox" name="check">
            <span>我同意</span>
            <a href="javascript:;">《用户使用协议》</a>
            <span>已有账号<a href="javascript:;" class="log">去登录</a></span>
        </p>


        <span class="close">X</span>
    </form>
    <!-- 固定定位（返回顶部） -->
    <div id="return_top">
        <a href="./course.html"><img src="../img/index/mylesson.png" alt=""></a>
         <img src="../img/index/mytest.png" alt="">
         <img src="../img/index/gotop.png" alt="">
     </div>



     

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="../js/zui.min.js"></script>
    
    <script src="../js/common.js"></script>
    <script src="../js/public.js"></script>
    <script src="../js/online.js"></script>
   
    </script>
</body>

</html>